<template>
  <div p-20 bg-green flex-between>
    <div class="text-2xl c-primary">{{ msg }}</div>
    <div>
      {{ count }}
      <i-ep-arrow-right />
    </div>
    <el-date-picker v-model="date" type="date" />
    <el-button @click="onSubmit">提交</el-button>
    <DetailText message="1213" max-length="100" />
  </div>
</template>

<script setup lang="ts">
import DetailText from '@/components/detail-text/index.vue'

defineProps({
  msg: { type: String, required: true },
})

const date = ref(new Date())

const count = ref(100)

const onSubmit = () => {
  ElMessage.success('提交成功')
  console.log('onSubmit')
}
</script>
